import React from "react";
import Select from 'antd/lib/select';
import Cascader from 'antd/lib/cascader';
import Col from 'antd/lib/col';
import Row from 'antd/lib/row';
import Input from 'antd/lib/input';
import Collapse from 'antd/lib/collapse';
import TreeSelect from 'antd/lib/tree-select';
import notification from "@/services/notification";
import 'antd/dist/antd.less'
import moment from "moment";
import DatePicker from "antd/lib/date-picker";
import locale from 'antd/es/date-picker/locale/zh_CN';
import GlobalFunctions from '@/store/globalFunctions';
import { inject, observer } from 'mobx-react';

const { Panel } = Collapse;

class ProjectTable extends React.Component {
  state = {
    customermobile: "",
    customeraddress: "",
    representative: "",
    socialsecuritydata: [{ id: 1, name: "有" }, { id: 0, name: "无" }],
    periodunitdata: [{ id: "年", name: "年" }, { id: "半年", name: "半年" }, { id: "月", name: "月" }],
    schooleddata: [{ id: "大专", name: "大专" }, { id: "本科", name: "本科" }, { id: "硕士", name: "硕士" }, { id: "博士", name: "博士" },
    { id: "博士后", name: "博士后" }, { id: "高中", name: "高中" }, { id: "职高", name: "职高" }, { id: "初中", name: "初中" }],
    certificatestatusdata: [{ id: "不限", name: "不限" }, { id: "初始注册", name: "初始注册" }, { id: "转注册", name: "转注册" }],
    locationneeddata: [{ id: "不限", name: "不限" }, { id: "附近省份", name: "附近省份" }, { id: "省内", name: "省内" }],
    threepersondata: [{ id: "A", name: "A" }, { id: "B", name: "B" }, { id: "C", name: "C" }, { id: "无", name: "无" }],
    purposedata: [{ id: "投标", name: "投标" }, { id: "资质", name: "资质" }, { id: "上项目", name: "上项目" }],
  };
  componentWillMount() {
  }
  bill_dateonchange = (value) => {
    if (GlobalFunctions.isEmptyobj(value)) {
      return;
    }
    this.props.projectStore.projectModel.setBill_date(value);
    if (!this.props.projectStore.projectModel.isnew) {
      return;
    }
    this.props.projectStore.getcode("project",value,0,"code");
  };
  cascaderonChange = value => {
    this.props.projectStore.projectModel.setLocation(value);
  }
  certificatelenChange = e => {
    if (e.target.value > 6) {
      notification.error("证书数量不能超过6");
      return;
    }
    this.props.projectStore.projectModel.setCertificatelen(e.target.value);
  }

  customerchange = value => {
    let items = this.props.customerdata.filter((p) => {
      return p.id === value;
    });
    this.props.projectStore.projectModel.setCustomerid(value);
    if (items.length > 0) {
      this.props.projectStore.projectModel.setName(items[0].strcustomername);
      this.setState({
        customermobile: items[0].mobile,
        customeraddress: items[0].address,
        representative: items[0].representative,
      });
    }
  }
  fieldedit(field) {
    if (!this.props.projectStore.projectModel.isedit) {
      return true;
    }
    if (this.props.projectStore.projectModel.colcontrol) {
      if (this.props.projectStore.projectModel.allow_col.indexOf(field) >= 0) {
        return false;
      } else {
        return true;
      }
    } else {
      return false;
    }
  }


  periodsChange = (e) => {
    let value = e.target.value;
    if (GlobalFunctions.isEmptyobj(value) || GlobalFunctions.isEmptyobj(this.props.projectStore.projectModel.signingtime)) {
      this.props.projectStore.projectModel.setPeriods(value);
    } else {
      let expirationtime = moment(GlobalFunctions.getAppointedDate(this.props.projectStore.projectModel.periodunit, value, this.props.projectStore.projectModel.signingtime));
      this.props.projectStore.projectModel.setPeriods(value);
      this.props.projectStore.projectModel.setExpirationtime(expirationtime);
    }
  }
  signingtimechange = value => {
    if (GlobalFunctions.isEmptyobj(value)) {
      this.props.projectStore.projectModel.setSigningtime(value);
    } else {
      let expirationtime = moment(GlobalFunctions.getAppointedDate(this.props.projectStore.projectModel.periodunit, this.props.projectStore.projectModel.periods, value));
      this.props.projectStore.projectModel.setSigningtime(value);
      this.props.projectStore.projectModel.setExpirationtime(expirationtime);
    }
  }

  render() {
    return (
      <div>
        <Collapse defaultActiveKey={['1', '2', '3']} >
          <Panel header="基本情况" key="1">
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>订单编码:</div></Col>
              <Col span={6}>
                <Input
                  value={this.props.projectStore.projectModel.code}
                  style={{ width: "100%" }}
                  onChange={e => this.props.projectStore.projectModel.setCode(e.target.value)}
                  placeholder="订单编码"
                  disabled={this.fieldedit("code")}
                  autoFocus
                />
              </Col>
              {/* <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>名称:</div></Col>
              <Col span={6}>
                <Input
                  value={this.props.projectStore.name}
                  style={{ width: "100%" }}
                  onChange={e => this.setState({ name: e.target.value })}
                  disabled={this.fieldedit("name")}
                  placeholder="名称"
                />
              </Col> */}
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>日期:</div></Col>
              <Col span={6}>
                <DatePicker
                  locale={locale}
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.bill_date}
                  onChange={this.bill_dateonchange}
                  placeholder="日期"
                  disabled={this.fieldedit("bill_date")}
                  autoFocus
                />
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>客户单位:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("customerid")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.customerid}
                  onChange={this.customerchange} >
                  {(this.props.customerdata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.strcustomername + ' ' + item.representative}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>需求数量:</div></Col>
              <Col span={6}>
                <Input
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.neednum}
                  onChange={e => this.props.projectStore.projectModel.setNeednum(e.target.value)}
                  placeholder="需求数量"
                  onkeyup="this.value=this.value.replace(/\D/g,'')"
                  onafterpaste="this.value=this.value.replace(/\D/g,'')"
                  type="number"
                  disabled={this.fieldedit("neednum")}
                />
              </Col>

            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>联系人:</div></Col>
              <Col span={6}>
                <Input
                  value={this.state.representative}
                  style={{ width: "100%" }}
                  onChange={e => this.setState({ representative: e.target.value })}
                  disabled={true}
                  placeholder="联系人"
                />
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>联系电话:</div></Col>
              <Col span={6}>
                <Input
                  value={this.state.customermobile}
                  style={{ width: "100%" }}
                  onChange={e => this.setState({ customermobile: e.target.value })}
                  disabled={true}
                />
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>地址:</div></Col>
              <Col span={6}>
                <Input
                  value={this.state.customeraddress}
                  style={{ width: "100%" }}
                  onChange={e => this.setState({ customeraddress: e.target.value })}
                  disabled={true}
                />
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              {/* <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                需求专业:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("major")}
                  optionFilterProp="children"
                  value={this.props.projectStore.major}
                  onChange={value => this.setState({ major: value })} >
                  {(this.props.employeemajordata || []).map(item => (
                    <Select.Option key={item.value} value={item.value}>{item.label}</Select.Option>
                  ))}
                </Select>
              </Col> */}
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>需求证书:</div></Col>
              <Col span={6}>
                <Cascader options={this.props.employeecertificatedata}
                  value={this.props.projectStore.projectModel.certificate1} style={{ width: "80%" }}
                  onChange={value =>this.props.projectStore.projectModel.setCertificate1(value) }
                  disabled={this.fieldedit("certificate")}
                  placeholder="请选择"
                  maxTagCount="responsive"
                />
                <Input
                  style={{ width: "19%" }}
                  value={this.props.projectStore.projectModel.certificatelen}
                  onChange={this.certificatelenChange}
                  placeholder="数量"
                  onkeyup="this.value=this.value.replace(/\D/g,'')"
                  onafterpaste="this.value=this.value.replace(/\D/g,'')"
                  type="number"
                  disabled={this.fieldedit("certificate")}
                />
                {this.props.projectStore.projectModel.certificatelen > 1 && (<Cascader options={this.props.employeecertificatedata}
                  value={this.props.projectStore.projectModel.certificate2} style={{ width: "100%" }}
                  onChange={value => this.props.projectStore.projectModel.setCertificate2(value)}
                  disabled={this.fieldedit("certificate")}
                  placeholder="请选择"
                  maxTagCount="responsive"
                />)}
                {this.props.projectStore.projectModel.certificatelen > 2 && (<Cascader options={this.props.employeecertificatedata}
                  value={this.props.projectStore.projectModel.certificate3} style={{ width: "100%" }}
                  onChange={value => this.props.projectStore.projectModel.setCertificate3(value)}
                  disabled={this.fieldedit("certificate")}
                  placeholder="请选择"
                  maxTagCount="responsive"
                />)}
                {this.props.projectStore.projectModel.certificatelen > 3 && (<Cascader options={this.props.employeecertificatedata}
                  value={this.props.projectStore.projectModel.certificate4} style={{ width: "100%" }}
                  onChange={value => this.props.projectStore.projectModel.setCertificate4(value)}
                  disabled={this.fieldedit("certificate")}
                  maxTagCount="responsive"
                />)}
                {this.props.projectStore.projectModel.certificatelen > 4 && (<Cascader options={this.props.employeecertificatedata}
                  value={this.props.projectStore.projectModel.certificate5} style={{ width: "100%" }}
                  onChange={value => this.props.projectStore.projectModel.setCertificate5(value)}
                  disabled={this.fieldedit("certificate")}
                  placeholder="请选择"
                  maxTagCount="responsive"
                />)}
                {this.props.projectStore.projectModel.certificatelen > 5 && (<Cascader options={this.props.employeecertificatedata}
                  value={this.props.projectStore.projectModel.certificate6} style={{ width: "100%" }}
                  onChange={value => this.props.projectStore.projectModel.setCertificate6(value)}
                  disabled={this.fieldedit("certificate")}
                  placeholder="请选择"
                  maxTagCount="responsive"
                />)}
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                挂靠地点:</div></Col>
              <Col span={6}>
                <TreeSelect
                  showSearch
                  disabled={this.fieldedit("location")}
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.location}
                  dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                  placeholder="请选择"
                  allowClear
                  treeData={this.props.employeeareadata}
                  onChange={this.cascaderonChange}
                />
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                学历:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("schooled")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.schooled}
                  onChange={value => this.props.projectStore.projectModel.setSchooled(value)} >
                  {(this.state.schooleddata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>挂靠费用:</div></Col>
              <Col span={6}>
                <Input
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.amount}
                  onChange={e => this.props.projectStore.projectModel.setAmount( e.target.value )}
                  placeholder="需求数量"
                  onkeyup="this.value=this.value.replace(/\D/g,'')"
                  onafterpaste="this.value=this.value.replace(/\D/g,'')"
                  type="number"
                  disabled={this.fieldedit("amount")}
                />
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                医保:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("socialsecurity")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.socialsecurity}
                  onChange={value => this.props.projectStore.projectModel.setSocialsecurity( value )} >
                  {(this.state.socialsecuritydata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                社保地区:</div></Col>
              <Col span={6}>
                <TreeSelect
                  showSearch
                  disabled={this.fieldedit("area")}
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.area}
                  dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                  placeholder="请选择"
                  allowClear
                  treeData={this.props.employeeareadata}
                  onChange={value =>  this.props.projectStore.projectModel.setArea( value )}
                />
              </Col>
            </Row>

            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                <span style={{ color: '#f81d22', fontSize: 12 }}>*</span>状态:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("bytstatus")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.bytstatus}
                  onChange={value => this.props.projectStore.projectModel.setBytstatus( value )} >
                  {(this.props.projectstatusdata || []).map(item => (
                    <Select.Option key={item.value} value={item.value}>{item.label}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                所属部门:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.orgunitid}
                  onChange={value => this.props.projectStore.projectModel.setOrgunitid( value )}
                  disabled={this.fieldedit("orgunitid")}>
                  {(this.props.orgunitdata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                录入人:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={true}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.userid}
                  onChange={value => this.props.projectStore.projectModel.setUserid( value )} >
                  {(this.props.employeeuserdata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              {/* <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                合同编号:</div></Col>
              <Col span={6}>
                <Input
                  value={this.props.projectStore.contractcode}
                  style={{ width: "100%" }}
                  onChange={e => this.setState({ contractcode: e.target.value })}
                  disabled={this.fieldedit("contractcode")}
                  placeholder="合同编号"
                />
              </Col> */}
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                三类人员:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("threeperson")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.threeperson}
                  onChange={value => this.props.projectStore.projectModel.setThreeperson( value )} >
                  {(this.state.threepersondata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                录入状态:</div></Col>
              <Col span={6}>
                <Input
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.status === 0 ? "草稿" : (this.props.projectStore.projectModel.status === 1 ? "审批中" : "已审核")}
                  placeholder="录入状态"
                  disabled="disabled"
                />
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                证书用途:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("purpose")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.purpose}
                  onChange={value => this.props.projectStore.projectModel.setPurpose( value )} >
                  {(this.state.purposedata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                证书状态:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("certificatestatus")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.certificatestatus}
                  onChange={value => this.props.projectStore.projectModel.setCertificatestatus( value )} >
                  {(this.state.certificatestatusdata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                证书地区要求:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("locationneed")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.locationneed}
                  onChange={value => this.props.projectStore.projectModel.setLocationneed( value )} >
                  {(this.state.locationneeddata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                备注:</div></Col>
              <Col span={6}>
                <textarea
                  rows="3" cols="50"
                  textalignvertical="top"
                  height="100px"
                  value={this.props.projectStore.projectModel.message}
                  onChange={e => this.props.projectStore.projectModel.setMessage( e.target.value ) }
                  placeholder="备注"
                  disabled={this.fieldedit("message")}
                />
              </Col>
            </Row>
          </Panel>
          <Panel header="订单信息" key="2">
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                期限单位:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("periodunit")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.periodunit}
                  onChange={value => this.props.projectStore.projectModel.setPeriodunit(value )} >
                  {(this.state.periodunitdata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                期限:</div></Col>
              <Col span={6}>
                <Input
                  style={{ width: "100%" }}
                  value={this.props.projectStore.projectModel.periods}
                  onChange={this.periodsChange}
                  placeholder="期限(¥)"
                  onkeyup="this.value=this.value.replace(/\D/g,'')"
                  onafterpaste="this.value=this.value.replace(/\D/g,'')"
                  type="number"
                  disabled={this.fieldedit("periods")}
                />
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>签约时间:</div></Col>
              <Col span={6}>
                <DatePicker
                  locale={locale}
                  style={{ width: "100%" }}
                  disabled={this.fieldedit("signingtime")}
                  format="YYYY-MM-DD"
                  value={this.props.projectStore.projectModel.signingtime}
                  onChange={this.signingtimechange}
                  placeholder="签约时间"
                />
              </Col>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>到期时间:</div></Col>
              <Col span={6}>
                <DatePicker
                  locale={locale}
                  style={{ width: "100%" }}
                  disabled={this.fieldedit("expirationtime")}
                  value={this.props.projectStore.projectModel.expirationtime}
                  format="YYYY-MM-DD"
                  onChange={value => this.props.projectStore.projectModel.setExpirationtime(value )}
                  placeholder="到期时间"
                />
              </Col>
            </Row>
            <Row style={{ marginBottom: 5 }}>
              <Col span={2}><div style={{ marginTop: "5px", textAlign: "right", marginRight: "10px" }}>
                签约人:</div></Col>
              <Col span={6}>
                <Select style={{ width: "100%" }}
                  showSearch
                  disabled={this.fieldedit("signatory")}
                  optionFilterProp="children"
                  value={this.props.projectStore.projectModel.signatory}
                  onChange={value => this.props.projectStore.projectModel.setSignatory(value ) } >
                  {(this.props.employeeuserdata || []).map(item => (
                    <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>
                  ))}
                </Select>
              </Col>
            </Row>
          </Panel>
        </Collapse>
      </div>
    );
  };
}
export default inject('projectStore')(observer(ProjectTable));